import { ref, reactive, nextTick } from 'vue';

const message = ref(0)
const addAfter = ref(0)
async function addRef1() {
    message.value++
    await nextTick()    // 下面就可以拿到页面更新之后的数字 2
    console.log(addAfter.value);
}
const messObj = reactive({ cont: 0 })
function addReactive1() {
    messObj.cont++
}
const refObj = ref({ count: 0 })
function addRefObj1() {
    console.log(refObj.value.count)
}

export { addRef1, addReactive1, addRefObj1, addAfter, messObj, message }